@charset "UTF-8";
.query-panel {
  position: absolute;
  right: 0px;
  top: 15px;
  z-index: 20;
}

.query-input-wrap {
  position: relative;
  width: 30px;
  height: 40px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  overflow: hidden;
}
.query-input-wrap .input-box {
  position: absolute;
  left: 0;
  top: 3px;
  z-index: 1;
  height: 34px;
}
.query-input-wrap .input-box input {
  display: none;
  padding-left: 5px;
  padding-right: 20px;
  width: 100%;
  height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
  color: #333;
  background: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 40px;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 30px;
}
.query-input-wrap .input-box input::-webkit-input-placeholder {
  font-size: 14px;
  color: #333;
}
.query-input-wrap .input-box input:-ms-input-placeholder {
  font-size: 14px;
  color: #333;
}
.query-input-wrap .input-box input::-ms-input-placeholder {
  font-size: 14px;
  color: #333;
}
.query-input-wrap .input-box input::placeholder {
  font-size: 14px;
  color: #333;
}
.query-input-wrap .btn-clear {
  display: none;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #333;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}

.query-input-wrap.query-input-active {
  width: 150px;
}
.query-input-wrap.query-input-active .input-box input {
  display: block;
}

.query-input-focus .btn-clear {
  display: block;
}

.drop-fixed {
  position: fixed;
  top: 71px;
  left: 0;
  right: 0;
}
.drop-fixed .close-btn {
  position: absolute;
  top: 20px;
  right: 367px;
  z-index: 10;
  cursor: pointer;
}
.drop-fixed .close-btn .layui-icon-close {
  width: 16px;
  height: 16px;
  font-size: 32px;
  color: #333;
}

.dropdown-search-wrapper {
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 56px;
  padding-bottom: 25px;
  background: #fff;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dropdown-search-wrapper .search-wrapper {
  position: relative;
  width: 808px;
  margin: 0 auto;
}
.dropdown-search-wrapper .search-wrapper .input-box {
  width: 100%;
  margin-bottom: 20px;
}
.dropdown-search-wrapper .search-wrapper .input-box input {
  font-size: 15px;
  height: 52px;
  line-height: 52px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 46px 0 32px;
  background: #ffffff;
  border-radius: 40px;
  border: 1px solid #ececec;
}
.dropdown-search-wrapper .search-wrapper .input-box .icon-search {
  display: block;
  position: absolute;
  right: 16px;
  top: 10px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #D00B16;
  line-height: 30px;
  cursor: pointer;
}
.dropdown-search-wrapper .search-wrapper .input-box .data-wrap {
  display: none;
  position: absolute;
  z-index: 10;
  top: 58px;
  left: 15px;
  right: 46px;
  height: 180px;
  max-height: 180px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}
.dropdown-search-wrapper .search-wrapper .input-box .data-wrap .list_item {
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: #666;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-search-wrapper .search-wrapper .input-box .data-wrap .list_item:hover {
  background: #f7f7f7;
}
.dropdown-search-wrapper .search-wrapper .input-box .data-wrap .list_item.active {
  background: #f7f7f7;
}
.dropdown-search-wrapper .search-wrapper .input-box .data-wrap.on {
  display: block;
}
.dropdown-search-wrapper .search-wrapper .record-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10px;
}
.dropdown-search-wrapper .search-wrapper .record-wrap .record-panel {
  margin-bottom: 10px;
}
.dropdown-search-wrapper .search-wrapper .record-wrap .record-panel .title {
  font-size: 18px;
  line-height: 30px;
  color: #333;
  margin-bottom: 10px;
}
.dropdown-search-wrapper .search-wrapper .record-wrap .record-panel .record-panel-box a {
  display: inline-block;
  font-size: 15px;
  line-height: 30px;
  color: #666;
  margin-bottom: 10px;
  margin-right: 20px;
}

.search-hover {
  position: relative;
  float: left;
  width: 150px;
  height: 70px;
  /* 图标 */
}
.search-hover .btn-query {
  position: absolute;
  z-index: 2;
  right: 11px;
  top: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.search-hover .btn-query .head-search {
  width: 16px;
  height: 16px;
  background: url("../../module/img/account/searchHead.png") no-repeat center;
  background-size: 100%;
}
.search-hover .btn-query > .iconfont {
  font-size: 20px;
  color: #333;
  cursor: pointer;
}
.search-hover .btn-query > .iconfont:hover {
  color: #D00B16 !important;
}
.search-hover .dropdown-search-wrapper.on {
  display: block;
  height: auto;
  min-height: 360px;
  opacity: 1;
  visibility: visible;
}

.list-search-box {
  position: relative;
  width: 508px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
.list-search-box input {
  font-size: 14px;
  height: 42px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 46px 0 32px;
  background: #ffffff;
  border-radius: 40px;
  border: 1px solid #ececec;
}
.list-search-box .icon-search {
  display: block;
  position: absolute;
  right: 16px;
  top: 6px;
  width: 30px;
  height: 30px;
  background: url("../img/icon-search-red.png") no-repeat center center;
  background-size: cover;
  cursor: pointer;
}

.rs-bread {
  font-size: 16px;
  line-height: 40px;
  color: #999;
}

.layui-breadcrumb > * {
  font-size: 16px;
}
.layui-breadcrumb a {
  color: #666666 !important;
}
.layui-breadcrumb a:hover {
  color: #D00B16 !important;
}
.layui-breadcrumb span[lay-separator] {
  margin: 0 5px;
  color: #666666;
}

/* 按钮 */
.layui-btn {
  font-size: 14px;
  color: #fff;
  border-radius: 2px;
  text-align: center;
  background-color: #D00B16;
}

.layui-btn-primary {
  color: #333333;
  background-color: #fff;
  border: 1px solid #d9d9d9;
}
.layui-btn-primary:hover {
  border: 1px solid #d9d9d9;
}

.layui-btn-choose {
  font-size: 14px;
  color: #333;
  width: 60px;
  height: 38px;
  background: #f5f5f5;
  border-radius: 0px 2px 2px 0px;
  border: 1px solid #d9d9d9;
}
.layui-btn-choose:hover {
  background: rgba(0, 127, 243, 0.1);
  color: #D00B16;
}

.layui-btn-primary-border {
  color: #D00B16;
  background-color: #fff;
  border: 1px solid #D00B16;
}
.layui-btn-primary-border:hover {
  color: #D00B16;
  background-color: #fff;
  border: 1px solid #D00B16;
}

.layui-btn-gray {
  color: #999999;
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
}
.layui-btn-gray:hover {
  color: #999999;
  border: 1px solid #f6f6f6;
}

/* 表单*/
.layui-form input:-moz-placeholder,
.layui-form textarea:-moz-placeholder {
  color: #bfbfbf;
}
.layui-form input::-moz-placeholder,
.layui-form textarea::-moz-placeholder {
  color: #bfbfbf;
}
.layui-form input:-ms-input-placeholder,
.layui-form textarea:-ms-input-placeholder {
  color: #bfbfbf;
}
.layui-form input::-webkit-input-placeholder,
.layui-form textarea::-webkit-input-placeholder {
  color: #bfbfbf;
}
.layui-form .layui-form-label {
  width: 100px;
  color: #1f1f1f;
  text-align: left;
  font-size: 14px;
  cursor: default;
}
.layui-form .layui-input-block {
  margin-left: 130px;
  width: auto;
}
.layui-form .layui-textarea, .layui-form .layui-input {
  font-size: 14px;
  border-radius: 4px;
}
.layui-form .layui-form-select .layui-edge {
  margin-top: -14px;
  right: 2px;
  width: 14px;
  height: 9px;
  border: 10px solid transparent;
  background: url("../img/icon-edge-normal.png") no-repeat left top;
  background-size: 100% 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.layui-form .layui-form-select dl dd.layui-this {
  background-color: #D00B16;
}
.layui-form .layui-form-checkbox[lay-skin="primary"]:hover i {
  border-color: #D00B16;
  color: #fff;
}
.layui-form .layui-form-checked[lay-skin="primary"] i {
  border-color: #D00B16 !important;
  background-color: #D00B16;
  color: #fff;
}
.layui-form .layui-form-radio {
  margin-top: 10px;
  line-height: 18px;
}
.layui-form .layui-form-radio > i {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px !important;
}
.layui-form .layui-form-radioed > i {
  color: #D00B16;
}
.layui-form .layui-form-radioed > div {
  color: #D00B16;
}
.layui-form .required .layui-form-label:before {
  content: "*";
  position: absolute;
  top: 15px;
  left: 0;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  font-size: 24px;
  color: #ff0000;
  vertical-align: middle;
}

body .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #D00B16;
}
body .layui-laypage a:hover {
  color: #D00B16;
}
body .layui-laypage input:focus,
body .layui-laypage select:focus {
  border-color: #D00B16 !important;
}

.layui-laypage a,
.layui-laypage span {
  font-size: 14px !important;
}

.layui-table-page {
  text-align: right;
  border: none;
}

.layui-table-page > div {
  height: 32px;
}

.layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span {
  height: 32px;
  line-height: 32px;
}

.layui-table-page select {
  height: 26px;
}

.layui-table-page .layui-laypage button,
.layui-table-page .layui-laypage input {
  height: 32px;
  line-height: 32px;
}

.circle-page .layui-laypage a,
.circle-page .layui-laypage span {
  font-size: 16px !important;
  color: #999 !important;
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  margin: 0 10px 5px 0;
  border: 1px solid #e1e1e1;
}
.circle-page .layui-laypage-curr .layui-laypage-em {
  border-radius: 50%;
}
.circle-page a.layui-laypage-prev {
  position: absolute;
  right: 94px;
  width: 94px;
  height: 40px;
  font-size: 0 !important;
  background: transparent;
  border-right: none;
  border-radius: 20px 0 0 20px;
  margin-right: 0;
}
.circle-page a.layui-laypage-prev:after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 21px;
  height: 7px;
  left: 26px;
  background: url("../img/prev.png") no-repeat center center;
  background-size: cover;
}
.circle-page a.layui-laypage-prev:hover {
  background: #D00B16;
  border-color: #D00B16;
}
.circle-page a.layui-laypage-prev:hover:after {
  background: url("../img/prev-active.png") no-repeat center center;
  background-size: cover;
}
.circle-page a.layui-laypage-prev.layui-disabled {
  background: #D00B16;
  border-color: #D00B16;
}
.circle-page a.layui-laypage-prev.layui-disabled:after {
  background: url("../img/prev-active.png") no-repeat center center;
  background-size: cover;
}
.circle-page a.layui-laypage-next {
  position: absolute;
  right: 0;
  width: 94px;
  height: 40px;
  font-size: 0 !important;
  background: transparent;
  border-left: none;
  border-radius: 0 20px 20px 0;
}
.circle-page a.layui-laypage-next:after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 21px;
  height: 7px;
  left: 26px;
  background: url("../img/next.png") no-repeat center center;
  background-size: cover;
}
.circle-page a.layui-laypage-next:hover {
  background: #D00B16;
  border-color: #D00B16;
}
.circle-page a.layui-laypage-next:hover:after {
  background: url("../img/next-active.png") no-repeat center center;
  background-size: cover;
}
.circle-page a.layui-laypage-next.layui-disabled {
  background: #D00B16;
  border-color: #D00B16;
}
.circle-page a.layui-laypage-next.layui-disabled:after {
  background: url("../img/next-active.png") no-repeat center center;
  background-size: cover;
}

/*
* 表格
*/
.layui-table thead tr,
.layui-table-header,
.layui-table-tool,
.layui-table-total,
.layui-table-total tr,
.layui-table-patch,
.layui-table-mend,
.layui-table[lay-even] tr:nth-child(even),
.layui-table tbody tr:hover,
.layui-table-hover {
  background-color: #f6f6f6;
}

.layui-table-click {
  background: #ffffff;
}

.layui-table-view {
  border: none;
}
.layui-table-view .layui-table-box {
  overflow: visible;
}
.layui-table-view .layui-table-box .layui-table {
  width: 100%;
}
.layui-table-view .layui-table-box td,
.layui-table-view .layui-table-box th {
  border: none !important;
}
.layui-table-view .layui-table-header {
  margin-right: -1px;
  background: #f2f5fc;
  border: none;
}
.layui-table-view .layui-table-header tr {
  background: #f2f5fc;
  font-size: 14px;
  color: #666666;
}
.layui-table-view .layui-table-body table tr:nth-child(even) {
  background: #f6f6f6;
}
.layui-table-view .layui-table-body table tr:hover {
  background-color: #e6f7ff !important;
}

.layui-table-cell {
  height: 38px;
  line-height: 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.layui-table-page {
  border-top: none;
  margin-top: 10px;
}

/* 手写编辑表格 */
.layui-edit-table .layui-table th,
.layui-edit-table .layui-table td {
  border: none;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.layui-edit-table .layui-table thead tr {
  background: #f2f5fc;
}
.layui-edit-table .layui-table tbody tr:hover {
  background: #f6f6f6;
}
.layui-edit-table .layui-table tr:nth-child(even) {
  background: #f6f6f6;
}
.layui-edit-table .layui-table tr:nth-child(even):hover {
  background: #f6f6f6;
}
.layui-edit-table .layui-table .layui-table-text {
  height: auto;
  line-height: 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layui-edit-table .layui-table .layui-table-text .base-btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #D00B16;
  cursor: pointer;
}
.layui-edit-table .layui-table .layui-table-text .base-btn + .base-btn {
  margin-left: 30px;
}
.layui-edit-table .layui-table .layui-table-text .del-btn {
  color: #F65252 !important;
}
.layui-edit-table .total-table tr {
  background: #f6f6f6;
}

/* 分页器 */
.sorter-box {
  width: 190px;
}
.sorter-box .base-sorter-btn {
  position: relative;
  display: inline-block;
  width: 94px;
  height: 40px;
  float: left;
  cursor: pointer;
}
.sorter-box .base-sorter-btn .icon-flag {
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 21px;
  height: 7px;
}
.sorter-box .pre-btn {
  border: 1px solid #dddddd;
  border-right: none;
  border-radius: 20px 0 0 20px;
}
.sorter-box .pre-btn .icon-flag {
  left: 26px;
  background: url("../img/prev.png") no-repeat center center;
  background-size: cover;
}
.sorter-box .pre-btn:hover {
  background: #e7230d;
  border-color: #e7230d;
}
.sorter-box .pre-btn:hover .icon-flag {
  background: url("../img/prev-active.png") no-repeat center center;
  background-size: cover;
}
.sorter-box .next-btn {
  border: 1px solid #dddddd;
  border-left: none;
  border-radius: 0 20px 20px 0;
}
.sorter-box .next-btn .icon-flag {
  right: 26px;
  background: url("../img/next.png") no-repeat center center;
  background-size: cover;
}
.sorter-box .next-btn:hover {
  background: #e7230d;
  border-color: #e7230d;
}
.sorter-box .next-btn:hover .icon-flag {
  background: url("../img/next-active.png") no-repeat center center;
  background-size: cover;
}

/* 视频弹层 */
.modal-open {
  overflow: hidden !important;
}

.openvedio {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.openvedio .video-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 880px;
  margin-top: 50vh;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  outline: none;
}
.openvedio .video-wrap video {
  outline: none;
}
.openvedio .close-btn {
  position: absolute;
  cursor: pointer;
  left: calc(50vw + 454px);
  top: calc(50vh - 258px);
}
.openvedio .close-btn .layui-icon {
  font-size: 20px;
  color: #fff;
}

.layui-layer-btn .layui-layer-btn0 {
  border-color: #D00B16 !important;
  background-color: #D00B16 !important;
  color: #fff;
}

/* 侧边导航--帮助中心 */
.help-tree.layui-nav-tree {
  width: 100%;
}
.help-tree.layui-nav-tree .layui-nav-bar {
  display: none;
}
.help-tree.layui-nav-tree .layui-nav-itemed a {
  color: #d33a25 !important;
}
.help-tree.layui-nav-tree .layui-nav-itemed a:hover {
  color: #181818 !important;
  background-color: #ffffff !important;
}
.help-tree.layui-nav-tree .layui-nav-itemed a .layui-nav-more {
  border-color: transparent transparent #c2c2c2 !important;
}
.help-tree.layui-nav-tree .layui-nav-itemed::after {
  background: #ffffff;
}
.help-tree.layui-nav-tree .layui-nav-itemed .layui-nav-child {
  color: #181818 !important;
  background-color: #ffffff !important;
  padding-left: 20px;
}
.help-tree.layui-nav-tree .layui-nav-itemed .layui-nav-child a {
  font-size: 18px !important;
  color: #666666;
}
.help-tree.layui-nav-tree .layui-nav-itemed .layui-nav-child a:hover {
  color: #d33a25;
}
.help-tree.layui-nav-tree .layui-nav-item a:hover {
  background-color: #ffffff;
}
.help-tree.layui-nav-tree .layui-this {
  color: #d33a25 !important;
  background-color: #ffffff !important;
}
.help-tree.layui-nav-tree .layui-this > a {
  color: #181818 !important;
  background-color: #ffffff !important;
}

.help-tree.layui-nav {
  margin-top: 10px;
  color: #181818 !important;
  background-color: #ffffff !important;
}
.help-tree.layui-nav .layui-this:after .layui-nav-bar {
  background: #ffffff !important;
}
.help-tree.layui-nav .layui-nav-item a {
  font-size: 20px;
  color: #181818 !important;
}
.help-tree.layui-nav .layui-nav-item a:hover {
  color: #d33a25 !important;
}
.help-tree.layui-nav .layui-nav-more {
  border-top-color: #c2c2c2 !important;
}

.xm-select-demo {
  width: 200px;
  margin: 0 0 !important;
}
.xm-select-demo xm-select {
  border-color: #e6e6e6 !important;
}
.xm-select-demo .scroll-body {
  margin-bottom: 40px;
}
.xm-select-demo .xm-select-default {
  border: none !important;
}
.xm-select-demo .scroll {
  position: relative;
  padding-left: 10px !important;
  height: 100%;
}
.xm-select-demo .scroll:after {
  position: absolute;
  content: "";
  font-size: 14px;
  color: #999;
}
.xm-select-demo .scroll.empty:after {
  position: absolute;
  content: " ";
  font-size: 14px;
  color: #999;
}
.xm-select-demo .xm-toolbar {
  position: absolute !important;
  bottom: 5px !important;
  left: 0 !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 !important;
  width: 100%;
}
.xm-select-demo .xm-toolbar .toolbar-tag {
  color: #666 !important;
  width: 70px;
  background: #F2F2F2 !important;
  border-radius: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.xm-select-demo .xm-toolbar .toolbar-tag:hover {
  color: #fff !important;
  background: #D00B16 !important;
}
.xm-select-demo .xm-label-block {
  background: rgba(204, 204, 204, 0.2) !important;
}
.xm-select-demo .xm-label-block span {
  color: #333333 !important;
}
.xm-select-demo .xm-label-block .xm-iconfont {
  color: #333333 !important;
}
.xm-select-demo .xm-label-block:hover .xm-iconfont {
  color: #D00B16 !important;
}
.xm-select-demo .xm-icon-duox {
  border-color: #d2d2d2 !important;
}
.xm-select-demo .xm-icon-danx {
  border-color: #d2d2d2 !important;
}
.xm-select-demo .selected .xm-option-content {
  color: #D00B16;
}
.xm-select-demo .selected .xm-icon-duox {
  color: #D00B16 !important;
  border-color: #D00B16 !important;
}
.xm-select-demo .selected .xm-icon-danx {
  color: #D00B16 !important;
  border-color: #D00B16 !important;
}
.xm-select-demo .selected.hide-icon {
  background: #F2F2F2 !important;
}
.xm-select-demo .xm-body .xm-option.selected.hide-icon .xm-option-content {
  color: #d33a25 !important;
}

.mock-input-block {
  display: block;
}
.mock-input-block .mock-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3px 30px 3px 10px;
  position: relative;
  height: auto;
  min-height: 38px;
  font-size: 0;
  max-height: 68px;
}
.mock-input-block .mock-input .icon-edge {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: dashed;
  border-color: transparent;
  overflow: hidden;
}
.mock-input-block .mock-input .icon-edge {
  margin-top: -14px;
  position: absolute;
  right: 2px;
  top: 50%;
  width: 14px;
  height: 9px;
  border: 10px solid transparent;
  background: url(../img/icon-edge-normal.png) no-repeat left top;
  background-size: 100% 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer;
}
.mock-input-block .mock-label-box {
  position: relative;
}
.mock-input-block .mock-label-box::before {
  content: "";
  line-height: 30px;
  font-size: 14px;
  color: #ccc;
}
.mock-input-block .mock-label {
  padding: 0px 5px;
  margin: 2px 5px 2px 0;
  position: relative;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  font-size: 0;
  background: #D00B16;
  border-radius: 3px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mock-input-block .mock-label span {
  font-size: 14px;
  color: #fff;
}
.mock-input-block .mock-label .xm-iconfont {
  margin-left: 8px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
.mock-input-block .mock-close {
  display: none;
  position: absolute;
  top: 8px;
  right: 30px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.mock-input-block .mock-close:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
}
.mock-input-block .mock-close .layui-icon {
  font-size: 12px;
  color: #fff;
}

.mock-active .mock-label-box {
  position: relative;
}
.mock-active .mock-label-box::before {
  content: "";
  color: #333;
}

.checkbox-select {
  position: relative;
  width: 300px;
}
.checkbox-select .select-list {
  display: none;
  position: absolute;
  left: 0;
  top: 42px;
  z-index: 899;
  width: 100%;
  max-height: 300px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.checkbox-select .select-list .select-list-item {
  padding: 5px 0;
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  border: 1px solid none;
}
.checkbox-select .select-list .select-list-item .select-list-title {
  padding: 0 10px;
  position: relative;
  margin-bottom: 5px;
  line-height: 36px;
  background-color: #fff !important;
  border-bottom: 1px solid #e6e6e6;
  cursor: default;
}
.checkbox-select .select-list .select-list-item + .select-list-item {
  border-left: none;
}
.checkbox-select ul {
  height: 180px;
  overflow-y: auto;
}
.checkbox-select ul::-webkit-scrollbar {
  width: 8px;
}
.checkbox-select ul::-webkit-scrollbar-thumb {
  border-radius: 2em;
  background-color: #c2c2c2;
}
.checkbox-select ul::-webkit-scrollbar-track {
  border-radius: 2em;
  background-color: #fff;
}
.checkbox-select li {
  padding-left: 10px;
  padding-right: 0;
  line-height: 36px;
  font-size: 14px;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.checkbox-select li:hover {
  background-color: #f2f2f2;
}
.checkbox-select .layui-form-checkbox[lay-skin="primary"] {
  margin-top: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.checkbox-select .layui-form-checkbox[lay-skin="primary"] i {
  border-color: #D00B16 !important;
}
.checkbox-select .layui-form-checkbox[lay-skin="primary"] span {
  padding-right: 10px;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.checkbox-select .layui-form-checked[lay-skin="primary"] span {
  color: #666666;
}
.checkbox-select .none {
  padding-left: 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 47px;
  line-height: 36px;
  font-size: 14px;
  color: #666;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.checkbox-select-active .icon-edge {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.checkbox-select-active .select-list {
  display: block;
}

/* 登录成功后 */
.admin-nav {
  position: relative;
  height: 100%;
  min-width: 40px;
}
.admin-nav .admin-nav-child {
  position: absolute;
  text-align: center;
  top: 75px !important;
  left: -45px !important;
  z-index: 3;
  width: 132px;
  background: #fff;
  border: 0;
  border-radius: 3px !important;
  /* box-shadow: 0 0px 4px rgba(153, 153, 153, 0.527); */
  -webkit-filter: drop-shadow(0px 0px 2px rgba(153, 153, 153, 0.3));
          filter: drop-shadow(0px 0px 2px rgba(153, 153, 153, 0.3));
}
.admin-nav .admin-nav-child .admin-person {
  width: 100%;
  height: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 13px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.03)), to(rgba(255, 255, 255, 0.03)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0.03) 100%);
  overflow: hidden;
}
.admin-nav .admin-nav-child .admin-person .img {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.admin-nav .admin-nav-child .admin-person .img img {
  width: 100%;
  height: 100%;
}
.admin-nav .admin-nav-child .admin-person .persson-wrap,
.admin-nav .admin-nav-child .admin-person .img {
  float: left;
}
.admin-nav .admin-nav-child .admin-person .persson-wrap {
  margin-left: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.admin-nav .admin-nav-child .admin-person .persson-wrap .person-text {
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.admin-nav .admin-nav-child .admin-person .persson-wrap .person-id {
  font-size: 16px;
  color: #999;
  line-height: 18px;
}
.admin-nav .admin-nav-child .admin-cell {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px 0;
}
.admin-nav .admin-nav-child .admin-site {
  border-bottom: 1px solid rgba(153, 153, 153, 0.2);
}
.admin-nav .admin-nav-child .admin-site p {
  font-size: 16px;
  color: #999;
  line-height: 40px;
}
.admin-nav .admin-nav-child .admin-message p {
  font-size: 16px;
  color: #333;
  line-height: 40px;
  cursor: pointer;
}
.admin-nav .admin-nav-child .admin-message p a {
  color: #333;
}
.admin-nav .admin-nav-child .admin-message p a:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
  background: transparent;
}
.admin-nav .admin-nav-child .admin-login {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-top: 1px solid rgba(153, 153, 153, 0.2);
}
.admin-nav .admin-nav-child .admin-login .back {
  font-size: 16px;
  color: #999;
}
.admin-nav .layui-nav {
  background: none;
  padding: 0 0;
}
.admin-nav .layui-nav .avatar {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
}
.admin-nav .layui-nav .layui-nav-item {
  line-height: 64px;
}
.admin-nav .layui-nav .layui-nav-item a {
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  color: #999999;
  -webkit-transition: none;
  transition: none;
}
.admin-nav .layui-nav .layui-nav-bar {
  display: none !important;
}
.admin-nav .layui-nav .layui-this::after {
  display: none;
}
.admin-nav .layui-nav .layui-nav-more {
  display: none;
  margin-top: -4px;
  border-width: 8px;
  border-top-color: #cccccc;
}
.admin-nav .layui-nav * {
  font-size: 16px;
}
.admin-nav .layui-nav .layui-nav-mored,
.admin-nav .layui-nav-itemed > a .layui-nav-more {
  margin-top: -12px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.admin-nav .layui-nav-child {
  top: 64px;
  line-height: 36px;
}
.admin-nav .layui-nav-child .layui-this > a {
  background-color: #fff !important;
}

.admin-nav-child .admin-hint {
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  z-index: 6;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #fff;
}

.admin-personal .personal-img {
  width: 15px;
  height: 14px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.personal1 .personal-img {
  background: url("../img/personal.png") no-repeat center;
  background-size: 100% 100%;
}

.personal2 .personal-img {
  background: url("../img/signout.png") no-repeat center;
  background-size: 100% 100%;
}

.personal1:hover .personal-img {
  background: url("../img/personal2.png") no-repeat center;
  background-size: 100% 100%;
}

.personal2:hover .personal-img {
  background: url("../img/signout2.png") no-repeat center;
  background-size: 100% 100%;
}

.admin-personal .personal-text {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  color: #333;
}

.admin-nav .admin-nav-child .admin-person .img {
  width: 48px;
  height: 48px;
  line-height: 48px;
}

.admin-nav .admin-nav-child .admin-person .img img {
  width: 100%;
  height: 100%;
}

.admin-nav .admin-nav-child .admin-person .persson-wrap,
.admin-nav .admin-nav-child .admin-person .img {
  float: left;
}

.admin-nav .admin-nav-child .admin-person .persson-wrap {
  margin-left: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.admin-nav .admin-nav-child .admin-person .persson-wrap .person-text {
  font-size: 16px;
  line-height: 30px;
  color: #333;
}

.admin-nav .admin-nav-child .admin-person .persson-wrap .person-id {
  font-size: 16px;
  color: #999;
  line-height: 18px;
}

.admin-nav .admin-nav-child .admin-cell {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 0;
}

.admin-nav .admin-nav-child .admin-site {
  border-bottom: 1px solid rgba(153, 153, 153, 0.2);
}

.admin-nav .admin-nav-child .admin-site p {
  font-size: 16px;
  color: #999;
  line-height: 40px;
}

.admin-nav .admin-nav-child .admin-message p {
  font-size: 16px;
  color: #333;
  line-height: 40px;
  cursor: pointer;
}

.admin-nav .admin-nav-child .admin-message p a {
  color: #333;
}

.admin-nav .admin-nav-child .admin-message p a:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
  background: transparent;
}

.admin-nav .admin-nav-child .admin-login {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  /* border-top: 1px solid rgba(153, 153, 153, 0.2); */
}

.admin-nav .admin-nav-child .admin-login .back {
  font-size: 16px;
  color: #999;
}

/* 二维码弹层 */
.codeBody {
  min-width: auto !important;
  background-color: #fff !important;
}

.code-wrapper {
  position: relative;
  background: #ffffff;
  border-radius: 15px;
}
.code-wrapper .code-title {
  position: relative;
  width: 100%;
  height: 60px;
  overflow: hidden;
  line-height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
  border-radius: 15px 15px 0 0;
  border-bottom: 1px solid #eee;
}
.code-wrapper .code-title .name {
  font-size: 16px;
  color: #333333;
}
.code-wrapper .code-title .close-btn {
  cursor: pointer;
  float: right;
  color: #000;
  font-size: 16px;
}
.code-wrapper .code-box {
  position: relative;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 45px;
  padding-left: 45px;
  padding-right: 45px;
}
.code-wrapper .code-box .code-item {
  width: 130px;
  display: inline-block;
}
.code-wrapper .code-box .code-item .code-item-img {
  width: 130px;
  height: 130px;
  margin-bottom: 17px;
}
.code-wrapper .code-box .code-item .code-item-img img {
  width: 100%;
  height: 100%;
}
.code-wrapper .code-box .code-item .code-item-text {
  font-size: 16px;
  color: #333;
}

.muddle-wrapper {
  display: none;
  position: relative;
  width: 510px;
  height: 268px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.muddle-wrapper .muddle-title {
  width: 100%;
  height: 50px;
  text-align: right;
}
.muddle-wrapper .muddle-title .close-btn {
  cursor: pointer;
  display: inline-block;
  width: 56px;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
}
.muddle-wrapper .muddle-body img.flag {
  display: block;
  width: 64px;
  height: 64px;
  margin: auto;
  margin-bottom: 25px;
}
.muddle-wrapper .muddle-body h4 {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 30px;
  font-size: 18px;
  color: #333;
  text-align: center;
}
.muddle-wrapper .muddle-body .btn {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.muddle-wrapper .muddle-body .btn button {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  font-size: 18px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.muddle-wrapper .muddle-body .btn button.confirm {
  color: #ffffff;
  background: #D00B16;
  border-color: #D00B16;
}
.muddle-wrapper .muddle-body .btn button:nth-of-type(1) {
  margin-right: 20px;
}

.liuyan-wrapper {
  display: none;
  position: relative;
  width: 800px;
  height: 420px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 25px 25px 25px;
}
.liuyan-wrapper .muddle-title {
  width: 100%;
  height: 40px;
}
.liuyan-wrapper .muddle-title .title {
  font-size: 16px;
  color: #333;
  text-align: left;
  font-family: "PingFang_ZH";
  float: left;
}
.liuyan-wrapper .muddle-title .close-btn {
  float: right;
  width: 24px;
  height: 24px;
  line-height: 18px;
  color: #000;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  text-align: right;
}
.liuyan-wrapper .muddle-body textarea {
  width: 100%;
  height: 150px;
  border: 1px solid #eeeeee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  border-radius: 4px;
  padding: 15px;
  color: #333;
  font-size: 16px;
  margin-bottom: 15px;
}
.liuyan-wrapper .muddle-body textarea::-webkit-input-placeholder {
  color: #999;
}
.liuyan-wrapper .muddle-body textarea:-moz-placeholder {
  color: #999;
}
.liuyan-wrapper .muddle-body textarea:-ms-input-placeholder {
  color: #999;
}
.liuyan-wrapper .muddle-body .upload-img-div {
  width: 100%;
  height: 100px;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn {
  width: 100px;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #eeeeee;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn .showImg {
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn .showImg img.img-view {
  display: block;
  width: 100%;
  height: 100%;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn .showImg .hover-show {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 33px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn .showImg .hover-show img {
  display: block;
  margin: auto;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn .showImg:hover .hover-show {
  display: block;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn .cover {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  text-align: center;
  padding-top: 12px;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn .cover img {
  margin: auto;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn .cover h6 {
  font-size: 14px;
  color: #999;
  margin-top: 5px;
  margin-bottom: 0px;
  font-weight: normal;
  text-align: center;
  width: 100%;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn .cover .count {
  font-size: 12px;
  color: #999;
  text-align: center;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn .cover .count i,
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn .cover .count b {
  font-style: normal;
  font-weight: normal;
}
.liuyan-wrapper .muddle-body .upload-img-div .upload-btn input.upload-file-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 4;
  cursor: pointer;
  opacity: 0;
}
.liuyan-wrapper .muddle-body .btn {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.liuyan-wrapper .muddle-body .btn button {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #666;
}
.liuyan-wrapper .muddle-body .btn button.confirm {
  color: #ffffff;
  background: #D00B16;
  border-color: #D00B16;
}
.liuyan-wrapper .muddle-body .btn button:nth-of-type(1) {
  margin-right: 20px;
}

.binding-wrapper {
  display: none;
  position: relative;
  width: 350px;
  height: 390px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.binding-wrapper .muddle-title {
  width: 100%;
  height: 50px;
  text-align: right;
}
.binding-wrapper .muddle-title .close-btn {
  cursor: pointer;
  display: inline-block;
  width: 56px;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
}
.binding-wrapper .muddle-body {
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.binding-wrapper .muddle-body h4 {
  display: block;
  width: 100%;
  font-size: 18px;
  color: #333;
  text-align: center;
  margin-bottom: 10px;
  font-family: "PingFang_ZH";
}
.binding-wrapper .muddle-body h6 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  text-align: center;
  display: block;
  width: 100%;
}
.binding-wrapper .muddle-body .form {
  width: 100%;
  position: relative;
}
.binding-wrapper .muddle-body .form span.errorMsg {
  display: none;
  font-size: 12px;
  color: #D00B16;
  width: 300px;
  position: absolute;
  left: 15px;
  bottom: -24px;
}
.binding-wrapper .muddle-body .form span.errorMsg.active {
  display: block;
}
.binding-wrapper .muddle-body .form .inputBox {
  width: 100%;
  padding-top: 10px;
  border-bottom: 1px solid #eee;
  position: relative;
}
.binding-wrapper .muddle-body .form .inputBox i.icon-eye {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 12px;
  width: 18px;
  height: 14px;
  background: url("../../module/img/login/icon-eye-active.png") no-repeat center;
  background-size: 100% 100%;
  cursor: pointer;
}
.binding-wrapper .muddle-body .form .inputBox.on i.icon-eye {
  display: block;
  position: absolute;
  width: 18px;
  height: 14px;
  background: url("../../module/img/login/icon-eye.png") no-repeat center;
  background-size: 100% 100%;
}
.binding-wrapper .muddle-body .form .inputBox input {
  width: 100%;
  height: 47px;
  line-height: 47px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 30px;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.binding-wrapper .muddle-body .form .inputBox input::-webkit-input-placeholder {
  color: #999999;
}
.binding-wrapper .muddle-body .form .inputBox input:-moz-placeholder {
  color: #999999;
}
.binding-wrapper .muddle-body .form .inputBox input:-ms-input-placeholder {
  color: #999999;
}
.binding-wrapper .muddle-body .btn {
  width: 100%;
  text-align: center;
  margin-top: 45px;
}
.binding-wrapper .muddle-body .btn button {
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #D00B16;
  color: #fff;
}
.binding-wrapper .muddle-body .btn a.forget {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin: auto;
  margin-top: 25px;
}

.reminder-wrapper {
  display: none;
  position: relative;
  width: 510px;
  height: 338px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.reminder-wrapper .muddle-title {
  width: 100%;
  height: 50px;
  text-align: right;
}
.reminder-wrapper .muddle-title .close-btn {
  cursor: pointer;
  display: inline-block;
  width: 56px;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
}
.reminder-wrapper .muddle-body {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.reminder-wrapper .muddle-body img.flag {
  display: block;
  width: 64px;
  height: 56px;
  margin: auto;
  margin-bottom: 20px;
}
.reminder-wrapper .muddle-body h4 {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 30px;
  font-size: 18px;
  color: #333;
  text-align: center;
  font-family: "PingFang_ZH";
}
.reminder-wrapper .muddle-body .text {
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 15px;
  font-size: 14px;
  color: #333;
  line-height: 24px;
  text-align: center;
}
.reminder-wrapper .muddle-body .text span {
  color: #D00B16;
}
.reminder-wrapper .muddle-body .btn {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.reminder-wrapper .muddle-body .btn button {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.reminder-wrapper .muddle-body .btn button.confirm {
  color: #ffffff;
  background: #D00B16;
  border-color: #D00B16;
}
.reminder-wrapper .muddle-body .btn button:nth-of-type(1) {
  margin-right: 20px;
}
.reminder-wrapper .muddle-body .btn button:nth-of-type(2) {
  color: #666;
}

.wxlogin-wrapper {
  display: none;
  position: relative;
  width: 425px;
  height: 282px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.wxlogin-wrapper .muddle-title {
  width: 100%;
  height: 50px;
  text-align: right;
}
.wxlogin-wrapper .muddle-title .close-btn {
  cursor: pointer;
  display: inline-block;
  width: 56px;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
}
.wxlogin-wrapper .muddle-body {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wxlogin-wrapper .muddle-body h4 {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 30px;
  font-size: 18px;
  color: #333;
  text-align: center;
  font-family: "PingFang_ZH";
}
.wxlogin-wrapper .muddle-body .code {
  width: 136px;
  height: 136px;
  background: rgba(0, 0, 0, 0.2);
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px;
}
.wxlogin-wrapper .muddle-body .code img {
  display: block;
  width: 100%;
  height: 100%;
}
.wxlogin-wrapper .muddle-body p {
  width: 100%;
  color: #333;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 15px;
  text-align: center;
}

.mobile-bd-wrapper {
  display: none;
  position: relative;
  width: 350px;
  height: 412px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.mobile-bd-wrapper .muddle-title {
  width: 100%;
  height: 50px;
  text-align: right;
}
.mobile-bd-wrapper .muddle-title .close-btn {
  cursor: pointer;
  display: inline-block;
  width: 56px;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
}
.mobile-bd-wrapper .muddle-body {
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mobile-bd-wrapper .muddle-body .block-div {
  display: none;
}
.mobile-bd-wrapper .muddle-body .block-div.active {
  display: block;
}
.mobile-bd-wrapper .muddle-body .block-div .steps .direct {
  width: 100%;
  height: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.mobile-bd-wrapper .muddle-body .block-div .steps .direct .step {
  display: inline-block;
  width: 21px;
  height: 21px;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  background: #d00b16;
  border: 3px solid #ffe7e7;
  border-radius: 50%;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mobile-bd-wrapper .muddle-body .block-div .steps .direct .step.step2 {
  background: #d8d8d8;
  border: 3px solid #f5f5f5;
}
.mobile-bd-wrapper .muddle-body .block-div .steps .direct .line {
  display: inline-block;
  width: 120px;
  height: 2px;
  background: -webkit-linear-gradient(left, #d00b16, #d8d8d8, #d8d8d8);
  vertical-align: 4px;
}
.mobile-bd-wrapper .muddle-body .block-div .steps .text {
  width: 100%;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 17px;
}
.mobile-bd-wrapper .muddle-body .block-div .steps .text .txt {
  display: inline-block;
  font-size: 16px;
  color: #999;
  font-family: "PingFang_ZH";
}
.mobile-bd-wrapper .muddle-body .block-div .steps .text .txt.active {
  color: #333;
}
.mobile-bd-wrapper .muddle-body .block-div .steps .text .txt:nth-of-type(1) {
  margin-right: 80px;
}
.mobile-bd-wrapper .muddle-body .block-div .form {
  width: 100%;
  position: relative;
}
.mobile-bd-wrapper .muddle-body .block-div .form span.errorMsg {
  display: none;
  font-size: 12px;
  color: #D00B16;
  width: 300px;
  position: absolute;
  left: 15px;
  bottom: -24px;
}
.mobile-bd-wrapper .muddle-body .block-div .form span.errorMsg.active {
  display: block;
}
.mobile-bd-wrapper .muddle-body .block-div .form .inputBox {
  width: 100%;
  padding-top: 10px;
  border-bottom: 1px solid #eee;
  position: relative;
}
.mobile-bd-wrapper .muddle-body .block-div .form .inputBox button.get-yanz-code {
  position: absolute;
  right: 15px;
  bottom: 0px;
  width: 90px;
  height: 42px;
  line-height: 42px;
  border: none;
  background: transparent;
  font-size: 16px;
  color: #D00B16;
  cursor: pointer;
  text-align: center;
}
.mobile-bd-wrapper .muddle-body .block-div .form .inputBox button.get-yanz-code.lock {
  cursor: not-allowed;
}
.mobile-bd-wrapper .muddle-body .block-div .form .inputBox i.icon-eye {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 12px;
  width: 18px;
  height: 14px;
  background: url("../../module/img/login/icon-eye-active.png") no-repeat center;
  background-size: 100% 100%;
  cursor: pointer;
}
.mobile-bd-wrapper .muddle-body .block-div .form .inputBox.on i.icon-eye {
  display: block;
  position: absolute;
  width: 18px;
  height: 14px;
  background: url("../../module/img/login/icon-eye.png") no-repeat center;
  background-size: 100% 100%;
}
.mobile-bd-wrapper .muddle-body .block-div .form .inputBox input {
  width: 100%;
  height: 47px;
  line-height: 47px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 30px;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.mobile-bd-wrapper .muddle-body .block-div .form .inputBox input::-webkit-input-placeholder {
  color: #999999;
}
.mobile-bd-wrapper .muddle-body .block-div .form .inputBox input:-moz-placeholder {
  color: #999999;
}
.mobile-bd-wrapper .muddle-body .block-div .form .inputBox input:-ms-input-placeholder {
  color: #999999;
}
.mobile-bd-wrapper .muddle-body .block-div .btn {
  width: 100%;
  text-align: center;
  margin-top: 45px;
}
.mobile-bd-wrapper .muddle-body .block-div .btn button {
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #D00B16;
  color: #fff;
}
.mobile-bd-wrapper .muddle-body .block-div .btn a.forget {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin: auto;
  margin-top: 25px;
}
.mobile-bd-wrapper .muddle-body .second-div .steps .direct .step.step1 img {
  width: 11px;
  height: 9px;
  vertical-align: 1px;
}
.mobile-bd-wrapper .muddle-body .second-div .steps .direct .step.step2 {
  background: #d00b16;
  border: 3px solid rgba(255, 176, 176, 0.3);
}
.mobile-bd-wrapper .muddle-body .second-div .steps .direct .line {
  background: #d00b16;
}

.demo-class {
  border-radius: 15px;
}
.demo-class iframe {
  border-radius: 15px;
}

.list-type-a {
  position: relative;
}
.list-type-a li {
  width: 790px;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: -20px;
}
.list-type-a li > a {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px 0;
}
.list-type-a li > a:hover {
  filter: alpha(opacity=1);
  opacity: 1;
  -moz-opacity: 1;
}
.list-type-a li .imgbox {
  position: relative;
  z-index: 9;
  float: left;
  width: 211px;
  height: 144px;
}
.list-type-a li .imgbox img {
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.list-type-a li .video-btn {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.36);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.list-type-a li .video-btn:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background: url("../img/icon-video.png") no-repeat center center;
  background-size: 30px 30px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.list-type-a li .list-article {
  position: relative;
  width: 100%;
  min-height: 144px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 235px;
}
.list-type-a li .list-article .art-title {
  width: 100%;
  height: 50px;
  font-size: 18px;
  line-height: 25px;
  color: #333;
}
.list-type-a li .list-article .art-itro {
  position: relative;
  height: 60px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.list-type-a li .list-article .art-site {
  margin-top: 16px;
}
.list-type-a li .list-article .art-site span {
  display: inline-block;
  vertical-align: middle;
  color: #999999;
  font-size: 14px;
  line-height: 24px;
}
.list-type-a li .list-article .art-site .art-site-logo {
  width: 24px;
  height: 24px;
}
.list-type-a li .list-article .art-site .art-site-logo img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.list-type-a li .list-article .art-site .art-site-time {
  margin-left: 15px;
}
.list-type-a li:hover {
  background: #F8F8F8;
}
.list-type-a li.list-video > a:hover .video-btn {
  display: block;
}

.base-list-wrap > li {
  position: relative;
  height: auto !important;
}
.base-list-wrap > li > a {
  display: block;
}
.base-list-wrap > li > a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
}
.base-list-wrap > li > a .textbox {
  position: relative;
  height: auto !important;
  min-height: 150px;
}
.base-list-wrap > li > a .textbox .li-title {
  max-height: 50px;
  margin-bottom: 20px !important;
}
.base-list-wrap > li > a .textbox .texts {
  height: 60px;
  line-height: 20px;
}

img.no-data {
  display: block;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* 固定模块 */
.fixed-group {
  position: fixed;
  z-index: 99;
  bottom: 75px;
  right: 7.7%;
}
.fixed-group .fixed-item {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EEEEEE;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
  padding-top: 8px;
}
.fixed-group .fixed-item > span {
  display: inline-block;
}
.fixed-group .top-scroll {
  width: 26px;
  height: 26px;
  background: url("../img/fixed-scroll.png") no-repeat center center;
  background-size: cover;
}
.fixed-group .code {
  width: 26px;
  height: 28px;
  background: url("../img/fixed-code.png") no-repeat center center;
  background-size: cover;
}

.go-back-top {
  display: none;
}

/* 首页新闻轮播 */
.swiper_demo_1 {
  position: relative;
  width: 100%;
  height: 450px;
  overflow: hidden;
}
.swiper_demo_1 .swiper-wrapper {
  width: 100%;
}
.swiper_demo_1 .swiper-slide {
  position: relative;
}
.swiper_demo_1 .swiper-slide .advertis {
  width: 38px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 3;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: black;
  border-radius: 1px;
  opacity: 0.5;
}

.fr .wrap.swiper_demo_2 li {
  height: auto !important;
  position: relative;
}

.wrap.swiper_demo_2 li.isActive:before {
  content: "";
  position: absolute;
  left: 17px;
  top: 30px;
  background: transparent;
  width: 0;
  height: 0;
  border-width: 6px 6px 6px 0;
  border-style: solid;
  border-color: transparent #D00B16 transparent transparent;
  /*透明 灰 透明 透明 */
}

.swiper_demo_3 {
  position: relative;
  width: 100%;
  height: 450px;
  overflow: hidden;
}
.swiper_demo_3 .swiper-wrapper {
  width: 100%;
}
.swiper_demo_3 .swiper-slide {
  width: 718px !important;
  height: 404px;
}
.swiper_demo_3 .swiper-slide img {
  width: 100%;
  height: 100%;
}

.fr .wrap.swiper_demo_4 li {
  height: 150px !important;
  margin-bottom: 0px !important;
  position: relative;
}

.wrap.swiper_demo_4 li.isActive:before {
  content: "";
  width: 14px;
  height: 19px;
  background: url(../img/triggle-left.png);
  background-size: cover;
  position: absolute;
  left: -20px;
  top: 5px;
}

/* +1 -1动画 */
.plus-animation {
  animation: plus 2s;
  -moz-animation: plus 2s;
  /* Firefox */
  -webkit-animation: plus 2s;
  /* Safari 和 Chrome */
  -o-animation: plus 2s;
}

/* 五角 */
.start-animation {
  -webkit-animation: start 2s ease;
          animation: start 2s ease;
}

.bubble {
  position: absolute;
  width: 34px;
  height: 18px;
  text-align: center;
  margin-left: -17px;
  border-radius: 9px;
  line-height: 18px;
  opacity: 1;
  color: #ffffff;
  left: 50%;
  top: -30px;
  opacity: 0;
}

.plus {
  background-color: #D00B16;
}
.plus .iconfont {
  color: #D00B16;
}

.sub {
  background-color: #cccccc;
}
.sub .iconfont {
  color: #999;
}

.bubble.start {
  background: transparent !important;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@-webkit-keyframes plus {
  0% {
    opacity: 0;
    top: 0;
  }
  50% {
    opacity: 1;
    top: -30px;
  }
  100% {
    opacity: 0;
    top: -30px;
  }
}

@keyframes plus {
  0% {
    opacity: 0;
    top: 0;
  }
  50% {
    opacity: 1;
    top: -30px;
  }
  100% {
    opacity: 0;
    top: -30px;
  }
}
@-webkit-keyframes start {
  0% {
    opacity: 0;
    top: 0;
    -webkit-transform: translate3d(10px, 10px, 0) scale(0.5);
            transform: translate3d(10px, 10px, 0) scale(0.5);
  }
  50% {
    opacity: 1;
    top: -30px;
    -webkit-transform: translate3d(10px, 10px, 0) scale(1);
            transform: translate3d(10px, 10px, 0) scale(1);
  }
  100% {
    opacity: 0;
    top: -30px;
  }
}
@keyframes start {
  0% {
    opacity: 0;
    top: 0;
    -webkit-transform: translate3d(10px, 10px, 0) scale(0.5);
            transform: translate3d(10px, 10px, 0) scale(0.5);
  }
  50% {
    opacity: 1;
    top: -30px;
    -webkit-transform: translate3d(10px, 10px, 0) scale(1);
            transform: translate3d(10px, 10px, 0) scale(1);
  }
  100% {
    opacity: 0;
    top: -30px;
  }
}
.baseHover:hover {
  color: #D00B16;
}

.theme-list-info .right {
  float: right;
  margin-left: 60px;
  width: 320px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(208, 11, 22, 0.1);
          box-shadow: 0px 0px 8px 0px rgba(208, 11, 22, 0.1);
  padding-bottom: 30px;
}
.theme-list-info .right .hot-box {
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: relative;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
}
.theme-list-info .right .hot-box:before {
  content: "";
  width: 5px;
  height: 28px;
  background: #D00B16;
  position: absolute;
  left: 0;
  top: 11px;
}
.theme-list-info .right .hot-box .hot-title {
  float: left;
  font-size: 20px;
  font-family: "PingFang_ZH";
  color: #333333;
}
.theme-list-info .right .hot-box a.hot-more {
  display: block;
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.theme-list-info .right li.hot-content1 {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 30px 0 30px;
}
.theme-list-info .right li.hot-content1 .img1 {
  width: 100%;
  height: 175px;
  position: relative;
  overflow: hidden;
}
.theme-list-info .right li.hot-content1 .img1 img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme-list-info .right li.hot-content1 .img1 img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.theme-list-info .right li.hot-content1 .img1 img:hover .vedio-btn {
  display: block;
}
.theme-list-info .right li.hot-content1 .img1 .vedio-btn {
  display: none;
  width: 54px;
  height: 54px;
  background: url("../img/home/vedio_img.png") center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -27px;
  margin-left: -27px;
}
.theme-list-info .right li.hot-content1 .hot-t1 {
  padding-top: 18px;
  padding-bottom: 5px;
  font-size: 18px;
  font-family: "PingFang_ZH";
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.theme-list-info .right li.hot-content1 .hot-date {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.theme-list-info .right ul li .hot-t1:hover {
  color: #D00B16;
}
.theme-list-info .right ul li:last-child {
  border: 0;
}

ul.change-list-unit li {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in;
  transition: -webkit-box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
  margin-left: -20px;
}
ul.change-list-unit li:after {
  content: "";
  width: 1065px;
  height: 1px;
  background: #eee;
  position: absolute;
  bottom: 0;
  left: 20px;
}
ul.change-list-unit li .textbox {
  width: 100%;
  height: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
ul.change-list-unit li .textbox .li-title {
  width: 100%;
  line-height: 25px;
  font-size: 20px;
  color: #333333;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
ul.change-list-unit li .textbox .li-title:hover {
  color: #D00B16 !important;
}
ul.change-list-unit li .textbox .texts {
  color: #666666;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
ul.change-list-unit li .flags {
  font-size: 14px;
  color: #999;
}
ul.change-list-unit li .flags b {
  margin-left: 20px;
  margin-right: 20px;
  font-weight: normal;
}
ul.change-list-unit li .flags > span {
  vertical-align: -1px;
}
ul.change-list-unit li .flags > span:hover {
  color: #D00B16;
}
ul.change-list-unit li .flags > span .icon {
  font-size: 20px;
  vertical-align: -2px;
}
ul.change-list-unit li a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
}
ul.change-list-unit li:hover {
  border-radius: 1px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px #ddd;
          box-shadow: 0 0 15px #ddd;
}
ul.change-list-unit li.single-li {
  height: 210px;
  padding-left: 250px;
}
ul.change-list-unit li.single-li .imgbox {
  width: 200px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 30px;
}
ul.change-list-unit li.single-li .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
ul.change-list-unit li.single-li .imgbox .special-flag {
  width: 57px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #000000;
  border-radius: 1px 0px 0px 0px;
  opacity: 0.42;
  border: 1px solid #ffffff;
  position: absolute;
  left: 0;
  top: 15px;
  color: #fff;
  font-size: 14px;
}
ul.change-list-unit li.more-li {
  padding-bottom: 20px;
}
ul.change-list-unit li.more-li .textbox {
  height: auto;
}
ul.change-list-unit li.more-li .textbox .li-title {
  height: auto;
  max-height: 50px;
  margin-bottom: 25px;
}
ul.change-list-unit li.more-li .textbox .texts {
  height: auto;
  max-height: 40px;
  margin-bottom: 20px;
}
ul.change-list-unit li.more-li .imgbox {
  width: 100%;
}
ul.change-list-unit li.more-li .imgbox img {
  display: block;
  width: 200px;
  height: 150px;
  float: left;
  margin-right: 85px;
  margin-bottom: 15px;
  border-radius: 2px;
}
ul.change-list-unit li.more-li .imgbox img:nth-of-type(4n) {
  margin-right: 0;
}
ul.change-list-unit li.vedio-li {
  height: 210px;
  padding-left: 250px;
}
ul.change-list-unit li.vedio-li .imgbox {
  width: 200px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 30px;
}
ul.change-list-unit li.vedio-li .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
ul.change-list-unit li.vedio-li .imgbox .vedio-btn {
  display: block;
  width: 30px;
  height: 30px;
  background: url("../../module/img/home/vedio_img.png") center center no-repeat;
  position: absolute;
  background-size: cover;
  left: 50%;
  top: 50%;
  margin-top: -15px;
  margin-left: -15px;
}
ul.change-list-unit li.special {
  height: 210px;
  padding-left: 250px;
}
ul.change-list-unit li.special .imgbox {
  width: 200px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 30px;
}
ul.change-list-unit li.special .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
ul.change-list-unit li.special .imgbox .special-flag {
  width: 57px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #000000;
  border-radius: 1px 0px 0px 0px;
  opacity: 0.42;
  border: 1px solid #ffffff;
  position: absolute;
  left: 0;
  top: 15px;
  color: #fff;
  font-size: 14px;
}
ul.change-list-unit li.advertising {
  height: 210px;
  padding-left: 250px;
}
ul.change-list-unit li.advertising .imgbox {
  width: 200px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 30px;
}
ul.change-list-unit li.advertising .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
ul.change-list-unit li.advertising .imgbox .advertising-flag {
  width: 36px;
  height: 18px;
  background: #000000;
  border-radius: 2px;
  opacity: 0.5;
  border-radius: 1px 0px 0px 0px;
  border: 1px solid #ffffff;
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
  font-size: 10px;
  text-align: center;
}
ul.change-list-unit li.no-image-li {
  height: auto;
}
ul.change-list-unit li.no-image-li .textbox {
  height: auto;
}
ul.change-list-unit li.no-image-li .textbox .li-title {
  height: auto;
  max-height: 50px;
}
ul.change-list-unit li.no-image-li .textbox .texts {
  height: auto;
  max-height: 40px;
}

ul.home-change-list-unit li {
  width: 836px;
}
ul.home-change-list-unit li::after {
  width: 816px;
}
ul.home-change-list-unit li.more-li .imgbox img {
  width: 190px;
  height: 143px;
  margin-right: 10px;
  border-radius: 2px;
}

ul.after1200 li {
  width: 1200px;
}
ul.after1200 li:after {
  content: "";
  width: 1160px;
}

.selection {
  width: 100%;
  margin-bottom: 30px;
}
.selection .selection-cor {
  width: 100%;
  height: 4px;
  background: #f5c7bf;
  position: relative;
}
.selection .selection-cor .cor1 {
  width: 37.5%;
  height: 100%;
  background: #e34d3b;
  position: absolute;
  left: 0;
  top: 0;
}
.selection .selection-head {
  width: 100%;
  height: 62px;
  line-height: 62px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(235, 108, 76, 0.04)), to(rgba(211, 58, 37, 0.04)));
  background: linear-gradient(270deg, rgba(235, 108, 76, 0.04) 0%, rgba(211, 58, 37, 0.04) 100%);
  padding: 0 12px;
  color: #d00b16;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.selection .selection-head .selection-icon {
  float: left;
  font-size: 20px;
  font-family: "PingFang_ZH";
  cursor: pointer;
}
.selection .selection-head .selection-icon .remen {
  width: 28px;
  height: 29px;
  vertical-align: sub;
}
.selection .selection-head .selection-icon .icon {
  font-size: 20px;
}
.selection .selection-head .selection-more {
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #d00b16;
  cursor: pointer;
}
.selection .selection-head .selection-more .moreIcon {
  width: 18px;
  height: 19px;
  vertical-align: text-bottom;
}
.selection .selection-head .selection-more .more-icon {
  font-size: 18px;
}
.selection .list-div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.selection .list-div .zanwu {
  height: 300px;
  width: 191px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 20px;
}
.selection .list-div ul {
  padding: 0 12px;
}
.selection .list-div ul li {
  border-bottom: 1px solid #eeeeee;
  width: 100%;
  padding: 14px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.selection .list-div ul li:last-child {
  border-bottom: 0;
}
.selection .list-div ul li .textbox {
  width: 100%;
}
.selection .list-div ul li .textbox .li-title {
  width: 100%;
  line-height: 22px;
  max-height: 50px;
  color: #333333;
  font-size: 16px;
  cursor: pointer;
}
.selection .list-div ul li .textbox .li-title:hover {
  color: #D00B16;
}
.selection .list-div ul li .textbox .flags {
  font-size: 14px;
  color: #999;
  cursor: pointer;
}
.selection .list-div ul li .bottom {
  width: 100%;
  margin-top: 10px;
}
.selection .list-div ul li .bottom .flags {
  float: left;
  font-size: 0;
  height: 19px;
}
.selection .list-div ul li .bottom .flags .imgbox {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin-right: 8px;
  vertical-align: -5px;
}
.selection .list-div ul li .bottom .flags .imgbox .img,
.selection .list-div ul li .bottom .flags .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: cover !important;
}
.selection .list-div ul li .bottom .flags span {
  line-height: 18px;
  font-size: 14px;
  color: #999;
}
.selection .list-div ul li .bottom .date {
  line-height: 18px;
  font-size: 14px;
  color: #999;
  float: right;
  text-align: right;
}
.selection .list-div ul li:hover {
  border-radius: 1px;
}
.selection .list-div ul li:hover .imgbox .vedio-btn {
  display: block;
}

.fixed-right {
  width: 50px;
  height: auto;
  position: fixed;
  right: 250px;
  bottom: 5%;
  z-index: 3;
}
.fixed-right .unit {
  width: 50px;
  height: 50px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #eeeeee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.fixed-right .unit .iconfont {
  font-size: 32px;
  color: #333;
}
.fixed-right .unit .icon-dianzan1:hover {
  color: #D00B16;
}
.fixed-right .unit .icon-dianzan {
  color: #D00B16;
}
.fixed-right .unit .icon-shoucang1 {
  font-size: 27px;
}
.fixed-right .unit .icon-shoucang1:hover {
  color: #D00B16;
}
.fixed-right .unit .icon-shoucang2 {
  font-size: 27px;
  color: #D00B16;
}
.fixed-right .unit.fenxiang {
  position: relative;
}
.fixed-right .unit.fenxiang .iconfont {
  font-size: 28px;
}
.fixed-right .unit.fenxiang ul.fengxiang-list {
  background: url(../../module/img/fengxiang_bg.png) center center no-repeat;
  position: absolute;
  left: -30px;
  top: -12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
}
.fixed-right .unit.fenxiang ul.fengxiang-list li {
  width: 100%;
  height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.fixed-right .unit.fenxiang ul.fengxiang-list li .show-unit {
  display: none;
  width: 100%;
  text-align: left;
  font-size: 0;
}
.fixed-right .unit.fenxiang ul.fengxiang-list li .show-unit span {
  color: #333333;
  line-height: 40px;
  font-size: 14px;
}
.fixed-right .unit.fenxiang ul.fengxiang-list li .show-unit img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: -4px;
}
.fixed-right .unit.fenxiang ul.fengxiang-list li .hide-unit {
  display: none;
  cursor: default;
  width: 123px;
  height: 120px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  left: -136px;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 10px;
  -webkit-filter: drop-shadow(0px 0px 3px rgba(245, 245, 245, 0.9));
          filter: drop-shadow(0px 0px 3px rgba(245, 245, 245, 0.9));
}
.fixed-right .unit.fenxiang ul.fengxiang-list li .hide-unit::before {
  content: ' ';
  position: absolute;
  right: -10px;
  top: 30px;
  z-index: 1;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #fff;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(180, 180, 180, 0.9));
          filter: drop-shadow(0px 0px 2px rgba(180, 180, 180, 0.9));
}
.fixed-right .unit.fenxiang ul.fengxiang-list li .hide-unit::after {
  content: ' ';
  position: absolute;
  right: 0px;
  top: 28px;
  z-index: 2;
  width: 5px;
  height: 20px;
  background-color: #ffffff;
}
.fixed-right .unit.fenxiang ul.fengxiang-list li .hide-unit .img,
.fixed-right .unit.fenxiang ul.fengxiang-list li .hide-unit img {
  text-align: center;
}
.fixed-right .unit.fenxiang ul.fengxiang-list li .hide-unit img {
  width: 80px;
  height: 80px;
  display: block;
  margin: auto;
  margin-bottom: 5px;
}
.fixed-right .unit.fenxiang ul.fengxiang-list li .hide-unit span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #333;
}
.fixed-right .unit.fenxiang ul.fengxiang-list li.current {
  background: #f8f8f8;
}
.fixed-right .unit.fenxiang ul.fengxiang-list li.current .hide-unit {
  display: block;
}
.fixed-right .unit.gotop .iconfont {
  font-size: 28px;
  margin-bottom: -5px;
}

@media screen and (max-width: 1600px) {
  .fixed-right {
    right: 100px;
  }
}
@media screen and (max-width: 1440px) {
  .fixed-right {
    right: 90px;
  }
}
@media screen and (max-width: 1366px) {
  .fixed-right {
    right: 85px;
  }
}
.resou ul li:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(208, 11, 22, 0)), color-stop(49%, rgba(208, 11, 22, 0.05)), to(rgba(208, 11, 22, 0))) !important;
  background: linear-gradient(90deg, rgba(208, 11, 22, 0) 0%, rgba(208, 11, 22, 0.05) 49%, rgba(208, 11, 22, 0) 100%) !important;
}

.video-1 {
  overflow: hidden;
}
.video-1 img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-1 img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.resou {
  margin-bottom: 56px !important;
}
.resou ul li:last-child {
  border-bottom: none;
}
.resou ul li.border-line-none:hover {
  background: transparent !important;
}

.border-line-none {
  border: none !important;
  height: auto !important;
}
.border-line-none:hover {
  background: transparent !important;
}

.two-block-text {
  width: 100%;
  margin-top: 18px;
}
.two-block-text .special-title {
  font-size: 14px;
  line-height: 20px;
  color: #d00b16;
  margin-right: 16px;
}
.two-block-text .left-block {
  float: left;
  line-height: 20px;
}
.two-block-text .right-block {
  float: right;
  text-align: right;
}
.two-block-text .right-block .inner-div span {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-right: 20px;
}
.two-block-text .right-block .inner-div span:last-child {
  margin-right: 0;
}
.two-block-text .right-block .inner-div span i.iconfont {
  margin-right: 5px;
  font-size: 16px;
}
.two-block-text .right-block .inner-div span.eye-num i.iconfont {
  vertical-align: -1px;
}
.two-block-text .right-block .inner-div span.dianzan-num i.iconfont {
  font-size: 14px;
}
.two-block-text .right-block .inner-div span.shoucang-num i.iconfont {
  font-size: 14px;
}

.detail-wrap img {
  width: 100% !important;
}
.detail-wrap p img {
  width: 100% !important;
}

.comment-box {
  position: relative;
}
.comment-box .comment {
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-family: "PingFang_ZH";
  color: #333333;
  line-height: 28px;
}
.comment-box .signIn {
  display: none;
}
.comment-box .signOut {
  display: none;
  width: 660px;
  height: 122px;
  margin-top: 16px;
  margin-bottom: 48px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  font-size: 16px;
  line-height: 122px;
  text-align: center;
}
.comment-box .signOut span {
  font-family: "PingFang_ZH";
  color: #d00b16;
  cursor: pointer;
}
.comment-box textarea {
  width: 100%;
  height: 132px;
  margin-top: 16px;
  border: 1px solid #ddd;
  padding: 16px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 22px;
  border-radius: 4px;
}
.comment-box .textarea-hint {
  position: absolute;
  right: 10px;
  top: 152px;
  z-index: 3;
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.comment-box textarea::-webkit-input-placeholder {
  color: #999;
}
.comment-box textarea:-moz-placeholder {
  color: #999;
}
.comment-box textarea:-ms-input-placeholder {
  color: #ccc;
}
.comment-box .comment-bot {
  width: 100%;
  height: 32px;
  line-height: 32px;
  margin-top: 10px;
}
.comment-box .comment-bot .publish-null {
  float: left;
}
.comment-box .comment-bot .publish-btn {
  float: right;
  width: 101px;
  text-align: center;
  background: #eeeeee;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  border-radius: 2px;
}
.comment-box .comment-bot .publish-btn.active {
  background: #D00B16;
  color: #fff;
  cursor: pointer;
}

.newest-box {
  margin-top: 16px;
}
.newest-box .newest-title {
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #333333;
  padding-bottom: 12px;
  border-bottom: 1px solid #eeeeee;
}
.newest-box .newest-content {
  padding-top: 30px;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.newest-box .newest-content .newest-left {
  float: left;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.newest-box .newest-content .newest-left img {
  width: 100%;
  height: 100%;
}
.newest-box .newest-content .newest-right {
  float: right;
  width: 600px;
}
.newest-box .newest-content .newest-right .newest-title1 {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-family: "PingFang_ZH";
  color: #333333;
  line-height: 26px;
}
.newest-box .newest-content .newest-right .newest-date {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  margin-top: 6px;
  display: inline-block;
}
.newest-box .newest-content .newest-right .newest-title2 {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #333333;
  line-height: 26px;
  margin-top: 12px;
}
.newest-box .newest-content .newest-right .anser {
  width: 100%;
  padding: 15px;
  margin-bottom: 32px;
  position: relative;
  background-color: #f5f5f5;
}
.newest-box .newest-content .newest-right .anser .case-item {
  padding-bottom: 15px;
  border-bottom: 1px solid #dbdbdb;
}
.newest-box .newest-content .newest-right .anser .load-more-comment {
  margin-top: 15px;
  color: #537ba9;
  font-size: 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 22px;
}
.newest-box .newest-content .newest-right .anser .load-more-comment .display {
  width: 11px;
  height: 8px;
  margin-left: 5px;
  vertical-align: 0px;
}
.newest-box .newest-content .newest-right .anser .disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
  color: #000;
}
.newest-box .newest-content .newest-right .anser .pickUp {
  float: right;
  cursor: pointer;
  margin-top: -20px;
  color: #537ba9;
}
.newest-box .newest-content .newest-right .anser .commentDiv {
  padding: 20px 20px 15px;
}
.newest-box .newest-content .newest-right .anser .commentDiv::before {
  content: " ";
  position: absolute;
  right: 24px;
  top: -12px;
  z-index: 6;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 12px solid rgba(255, 255, 255, 0.8);
}
.newest-box .newest-content .newest-right .commentDiv {
  display: none;
  margin-top: 10px;
  text-align: right;
  position: relative;
  padding: 1px 0px 2px;
  background-color: rgba(255, 255, 255, 0.8);
}
.newest-box .newest-content .newest-right .commentDiv .textareaBox {
  background: #eeeeee;
  padding: 10px 20px 16px;
  margin-bottom: 10px;
  position: relative;
}
.newest-box .newest-content .newest-right .commentDiv .textareaBox .hintTxt {
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}
.newest-box .newest-content .newest-right .commentDiv .textareaBox .hintTxt span {
  color: #537ba9;
}
.newest-box .newest-content .newest-right .commentDiv .textareaBox .textarea-hint {
  position: absolute;
  right: 10px;
  bottom: 3px;
  z-index: 3;
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.newest-box .newest-content .newest-right .commentDiv textarea {
  width: 100%;
  height: 112px;
  border: none;
  background: #eeeeee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  color: #333;
  line-height: 22px;
  text-align: left;
  border-radius: 4px;
}
.newest-box .newest-content .newest-right .commentDiv textarea::-webkit-input-placeholder {
  color: #999;
}
.newest-box .newest-content .newest-right .commentDiv textarea:-moz-placeholder {
  color: #999;
}
.newest-box .newest-content .newest-right .commentDiv textarea:-ms-input-placeholder {
  color: #ccc;
}
.newest-box .newest-content .newest-right .commentDiv .cancel-button {
  color: #999;
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #eeeeee;
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 16px;
  margin-right: 15px;
  border-radius: 2px;
}
.newest-box .newest-content .newest-right .commentDiv .publish-button {
  color: #999;
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #eeeeee;
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 16px;
  border-radius: 2px;
}
.newest-box .newest-content .newest-right .commentDiv .publish-button.active {
  background: #D00B16;
  color: #fff;
}
.newest-box .newest-content .case-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 15px;
  position: relative;
}
.newest-box .newest-content .case-item .wrap {
  width: 410px;
}
.newest-box .newest-content .case-item .wrap .case-text {
  display: inline;
  line-height: 22px;
  font-size: 16px;
  color: #333;
}
.newest-box .newest-content .case-item .wrap .case-text span {
  color: #333;
  font-size: 16px;
  line-height: 24px;
}
.newest-box .newest-content .case-item .wrap .case-text .title-me {
  color: #537ba9;
}
.newest-box .newest-content .case-item .wrap .case-text .title-reply {
  color: #808080;
}
.newest-box .newest-content .case-item .wrap .case-text .title-other {
  color: #537ba9;
}
.newest-box .newest-content .case-item .wrap .case-text .dark {
  color: #000;
}
.newest-box .newest-content .case-item .wrap .case-text .title-grey {
  color: #999;
}
.newest-box .newest-content .case-item .case-date {
  font-size: 16px;
  color: #999999;
  margin-top: 6px;
}
.newest-box .newest-content .give {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 3;
  height: 24px;
  cursor: pointer;
  font-size: 0;
}
.newest-box .newest-content .give > div {
  font-size: 0;
}
.newest-box .newest-content .give > div .display {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.newest-box .newest-content .give > div span {
  font-size: 16px;
  line-height: 22px;
}
.newest-box .newest-content .give span {
  vertical-align: middle;
}
.newest-box .newest-content .give .give1 {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}
.newest-box .newest-content .give .give1.active .number {
  color: #D00B16;
}
.newest-box .newest-content .give .give1.active .handGrey, .newest-box .newest-content .give .give1:hover .handGrey {
  background: url("../../module/img/maxDianzan2.png") no-repeat center;
}
.newest-box .newest-content .give .give1 .handGrey {
  background: url("../../module/img/handGrey.png") no-repeat center;
  background-size: auto 100% !important;
}
.newest-box .newest-content .give .my-prise {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.newest-box .newest-content .give .my-prise .bubble {
  position: absolute;
  width: 34px;
  height: 18px;
  text-align: center;
  margin-left: -17px;
  border-radius: 9px;
  line-height: 18px;
  opacity: 1;
  color: #ffffff;
  left: 50%;
  top: -30px;
  opacity: 0;
}
.newest-box .newest-content .give .my-prise .plus {
  background-color: #D00B16;
}
.newest-box .newest-content .give .my-prise .sub {
  background-color: #cccccc;
}
.newest-box .newest-content .give .hover .iconfont {
  color: #D00B16;
}
.newest-box .newest-content .give .give1:hover,
.newest-box .newest-content .give .give2:hover {
  color: #D00B16;
}
.newest-box .newest-content .give .give1 {
  margin-right: 0;
  font-size: 0;
}
.newest-box .newest-content .give .give1 img.display {
  vertical-align: -8px !important;
}
.newest-box .newest-content .give .give1 .icon {
  font-size: 22px;
  vertical-align: -2px;
}
.newest-box .newest-content .give2 {
  display: inline-block;
  margin-left: 30px;
  font-size: 16px;
  color: #666666;
  vertical-align: 10px;
}
.newest-box .newest-content .give2.active .reply1, .newest-box .newest-content .give2:hover .reply1 {
  background: url("../../module/img/reply2.png") no-repeat center;
}
.newest-box .newest-content .give2 .reply1 {
  background: url("../../module/img/reply1.png") no-repeat center;
  background-size: auto 100% !important;
}
.newest-box .newest-content .give2 img.display {
  vertical-align: -10px !important;
}
.newest-box .newest-content .give2 span:hover {
  cursor: pointer;
  color: #d00b16;
}
.newest-box .newest-content .give2 .icon {
  font-size: 16px;
  vertical-align: -2px;
  margin-right: 4px;
}
.newest-box .newest-content .more_2,
.newest-box .newest-content .hide_2 {
  color: #D00B16;
}
.newest-box ul li {
  border-bottom: 1px solid #eeeeee;
}
.newest-box .load-more {
  width: 100%;
  height: 40px;
  background: #eeeeee;
  border-radius: 1px;
  line-height: 40px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 80px;
  font-size: 16px;
  color: #333333;
}

.rmtj-right {
  float: right;
  width: 320px;
  background: #ffffff;
  border: 1px solid #eee;
}
.rmtj-right.no-margin-left {
  margin-left: 0;
}
.rmtj-right .hot-box {
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: relative;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
.rmtj-right .hot-box:before {
  content: "";
  width: 5px;
  height: 28px;
  background: #D00B16;
  position: absolute;
  left: 0;
  top: 11px;
}
.rmtj-right .hot-box .hot-title {
  float: left;
  font-size: 20px;
  font-family: "PingFang_ZH";
  color: #333333;
}
.rmtj-right .hot-box a.hot-more {
  display: block;
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.rmtj-right ul {
  padding: 0 19px;
}
.rmtj-right ul .zanwu {
  width: 191px;
  margin: 0 auto;
  padding-bottom: 20px;
  height: 300px;
}
.rmtj-right ul li.hot-content1 {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #eee;
  padding: 25px 0;
}
.rmtj-right ul li.hot-content1:first-child {
  padding-top: 20px;
}
.rmtj-right ul li.hot-content1 .img1 {
  width: 100%;
  height: 210px;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}
.rmtj-right ul li.hot-content1 .img1 .img,
.rmtj-right ul li.hot-content1 .img1 img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 2px;
  background-size: cover !important;
}
.rmtj-right ul li.hot-content1 .img1 .img:hover,
.rmtj-right ul li.hot-content1 .img1 img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.rmtj-right ul li.hot-content1 .img1 .img:hover .vedio-btn,
.rmtj-right ul li.hot-content1 .img1 img:hover .vedio-btn {
  display: block;
}
.rmtj-right ul li.hot-content1 .img1 .vedio-btn {
  display: none;
  width: 54px;
  height: 54px;
  background: url("../img/home/vedio_img.png") center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -27px;
  margin-left: -27px;
}
.rmtj-right ul li.hot-content1 .hot-t1 {
  margin-bottom: 10px;
  font-size: 16px;
  font-family: "PingFang_ZH";
  color: #333333;
  line-height: 22px;
  max-height: 44px;
}
.rmtj-right ul li.hot-content1 .hot-date {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.rmtj-right ul li.hot-content1 .hot-t1:hover {
  color: #D00B16;
}
.rmtj-right ul li.hot-content1:last-child {
  border: 0;
}

.loading-wait {
  width: 100%;
  /*height: 560px;*/
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  background-color: #fff;
}
.loading-wait img {
  display: block;
  margin: auto;
  width: 100px;
}
.loading-wait span {
  margin-top: 15px;
  color: #666;
  font-size: 14px;
}

.success-tip-fixed {
  position: fixed;
  top: 400px;
  left: 50%;
  z-index: 999;
  margin-left: -173px;
  width: 346px;
  height: 182px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px;
}
.success-tip-fixed .flag {
  display: block;
  margin: auto;
  width: 64px;
  height: 64px;
  margin-bottom: 25px;
  background: url("../../module/img/success.png") no-repeat center;
  background-size: cover;
}
.success-tip-fixed h4 {
  font-size: 18px;
  color: #333333;
  margin: auto;
  text-align: center;
  display: block;
  width: 100%;
}

.wholeList-title {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
  /*font-family: "PingFang_ZH";*/
  font-weight: bold;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wholeList-title .title-more,
.wholeList-title a {
  color: #999;
  font-size: 14px;
  font-weight: normal;
}

.seeMore {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  width: 10px;
  height: 10px;
  margin-left: 2px;
}

.whole-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.whole-list .wholeList-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.whole-list .wholeList-content div.wlh img {
  margin: auto;
}
.whole-list .wholeList-liBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  margin-left: -16px;
}
.whole-list .wholeList-liBox.maxWidth {
  width: 1056px;
  /*min-height: 550px;*/
}
.whole-list .wholeList-liBox .wholeList-li {
  padding: 16px;
  margin-bottom: 33px;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in;
  transition: -webkit-box-shadow 0.2s ease-in;
  transition: box-shadow 0.2s ease-in;
  transition: box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
}
.whole-list .wholeList-liBox .wholeList-li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.whole-list .wholeList-liBox .wholeList-li:hover {
  -webkit-box-shadow: 0 10px 15px #eee;
          box-shadow: 0 10px 15px #eee;
  border-radius: 1px;
}
.whole-list .wholeList-liBox .wholeList-li.alone {
  position: relative;
}
.whole-list .wholeList-liBox .wholeList-li.alone .li-content {
  height: 120px;
  padding-left: 216px;
}
.whole-list .wholeList-liBox .wholeList-li.alone .li-imgs {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 2;
  width: 192px;
  max-height: 120px;
  overflow: hidden;
}
.whole-list .wholeList-liBox .wholeList-li.alone .li-imgs.video::before {
  content: " ";
  width: 54px;
  height: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../../module/img/home/vedio_img.png") no-repeat center;
  background-size: 100% 100%;
}
.whole-list .wholeList-liBox .wholeList-li.alone .li-img {
  width: 100%;
  margin-top: 0 !important;
}
.whole-list .wholeList-liBox .wholeList-li .li-imgs {
  position: inherit;
  width: 100%;
  font-size: 0;
}
.whole-list .wholeList-liBox .wholeList-li .li-imgs .li-img {
  height: 120px;
  margin-top: 10px;
  width: 192px !important;
  display: inline-block;
  vertical-align: top;
  margin-right: 40px;
  background-size: cover !important;
}
.whole-list .wholeList-liBox .wholeList-li .li-imgs .li-img:last-child {
  margin-right: 0;
}
.whole-list .wholeList-liBox .wholeList-li .li-imgs .li-img .advertis,
.whole-list .wholeList-liBox .wholeList-li .li-imgs .li-img .special {
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: black;
  border-radius: 1px;
  opacity: 0.5;
}
.whole-list .wholeList-liBox .wholeList-li .li-imgs .li-img .advertis {
  width: 38px;
  height: 20px;
  line-height: 20px;
  margin: 8px;
}
.whole-list .wholeList-liBox .wholeList-li .li-imgs .li-img .special {
  width: 44px;
  height: 24px;
  line-height: 22px;
  margin-top: 8px;
  border: 1px solid #ffffff;
}
.whole-list .wholeList-liBox .wholeList-li .li-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0;
}
.whole-list .wholeList-liBox .wholeList-li .li-content .content-title {
  font-size: 18px;
  line-height: 26px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /*font-family: "PingFang_ZH";*/
  font-weight: bold;
}
.whole-list .wholeList-liBox .wholeList-li .li-content .content-title:hover {
  color: #d00b16;
}
.whole-list .wholeList-liBox .wholeList-li .li-content .content-text {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.whole-list .wholeList-liBox .wholeList-li .li-content .content-foot {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.whole-list .wholeList-liBox .wholeList-li .li-content .content-foot div {
  color: #999;
  font-size: 12px;
  line-height: 16px;
  margin-right: 20px;
}
.whole-list .wholeList-liBox .wholeList-li .li-content .content-foot div i {
  margin-right: 5px;
  vertical-align: text-bottom;
}
.whole-list .wholeList-liBox .wholeList-li .li-content .content-foot .foot-time .shijian,
.whole-list .wholeList-liBox .wholeList-li .li-content .content-foot .foot-comment .pinglun {
  height: 12px;
  margin-right: 6px;
  vertical-align: -1px;
}
.whole-list .wholeList-liBox .wholeList-li .li-content .content-foot .foot-comment .pinglun {
  vertical-align: -2px;
}
.whole-list .wholeList-liBox .wholeList-li .li-border {
  width: calc(100% - 32px);
  height: 1px;
  background-color: #eee;
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  z-index: 3;
}

.more-btn {
  padding: 20px 0 50px;
}
.more-btn .bortext {
  color: #bbbbbb;
  text-align: center;
  margin-bottom: 30px;
  font-size: 16px;
}
.more-btn .more {
  width: 120px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
  line-height: 40px;
  color: #d00b16;
  border: 1px solid #d00b16;
  cursor: pointer;
}
.more-btn .more.not-allowed {
  color: #999;
  border: 1px solid #999;
}

.wholeList-right {
  width: 320px;
  margin-left: 15px;
}
.wholeList-right .wholeList-headlines {
  padding: 20px 0;
  margin-bottom: 50px;
  background-color: #f8f8f8;
}
.wholeList-right .wholeList-headlines .headlinesBox-over {
  padding-left: 45px;
  padding-right: 20px;
  display: none;
}
.wholeList-right .wholeList-headlines .headlinesBox-over img {
  width: 191px;
  margin: auto;
}
.wholeList-right .wholeList-headlines #headlinesBox {
  height: 470px;
  overflow: hidden;
  position: relative;
}
.wholeList-right .wholeList-headlines #headlinesBox::before {
  content: "";
  width: 2px;
  height: 300%;
  background: rgba(208, 11, 22, 0.05);
  position: absolute;
  left: 22px;
  top: 0;
  z-index: 1;
}
.wholeList-right .wholeList-headlines #headlinesBox li.expressItem {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 20px 19px 45px;
  position: relative;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
.wholeList-right .wholeList-headlines #headlinesBox li.expressItem::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 18px;
  top: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #D00B16;
  background: #ffffff;
  z-index: 2;
}
.wholeList-right .wholeList-headlines #headlinesBox li.expressItem .expressLink {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wholeList-right .wholeList-headlines #headlinesBox li.expressItem .expressTime {
  font-size: 14px;
  color: #999999;
}
.wholeList-right .wholeList-headlines #headlinesBox li.expressItem:hover .expressLink {
  font-family: "PingFang_ZH";
}
.wholeList-right .wholeList-headlines #headlinesBox li.expressItem:hover::before {
  background: #D00B16;
}
.wholeList-right .wholeList-Journalism {
  margin-bottom: 30px;
}
.wholeList-right .wholeList-Journalism ul {
  margin-top: 26px;
}
.wholeList-right .wholeList-Journalism ul li {
  height: 60px;
  padding-right: 20px;
  position: relative;
  border-left: rgba(208, 11, 22, 0.05);
}
.wholeList-right .wholeList-Journalism ul li::before {
  content: "";
  width: 3px;
  height: 100%;
  background: rgba(208, 11, 22, 0.05);
  position: absolute;
  left: 0px;
  top: 0px;
}
.wholeList-right .wholeList-Journalism ul li:hover {
  background: rgba(208, 11, 22, 0.05);
}
.wholeList-right .wholeList-Journalism ul li:hover::before {
  background: #d00b16;
}
.wholeList-right .wholeList-Journalism ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wholeList-right .wholeList-Journalism ul li .text {
  padding-left: 45px;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  position: relative;
}
.wholeList-right .wholeList-Journalism ul li .text::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #d00b16;
  border-radius: 50%;
  position: absolute;
  left: 22px;
  top: 8px;
}

.wholeList-hotSearch {
  margin-bottom: 30px;
}
.wholeList-hotSearch ul {
  margin-top: 17px;
}
.wholeList-hotSearch ul li {
  width: 100%;
  padding: 18px 20px 17px 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.wholeList-hotSearch ul li:nth-child(1) .img {
  background: url("../../module/img/home/1.png") no-repeat center;
}
.wholeList-hotSearch ul li:nth-child(2) .img {
  background: url("../../module/img/home/2.png") no-repeat center;
}
.wholeList-hotSearch ul li:nth-child(3) .img {
  background: url("../../module/img/home/3.png") no-repeat center;
}
.wholeList-hotSearch ul li:nth-child(4) .img {
  background: url("../../module/img/home/4.png") no-repeat center;
}
.wholeList-hotSearch ul li:nth-child(5) .img {
  background: url("../../module/img/home/5.png") no-repeat center;
}
.wholeList-hotSearch ul li:last-child {
  border-bottom: 0;
}
.wholeList-hotSearch ul li:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(208, 11, 22, 0)), color-stop(49%, rgba(208, 11, 22, 0.05)), to(rgba(208, 11, 22, 0))) !important;
  background: linear-gradient(90deg, rgba(208, 11, 22, 0) 0%, rgba(208, 11, 22, 0.05) 49%, rgba(208, 11, 22, 0) 100%) !important;
}
.wholeList-hotSearch ul li .img {
  width: 20px;
  height: 18px;
  display: block;
  position: absolute;
  left: 7px;
  top: 21px;
  background-size: auto 100% !important;
}
.wholeList-hotSearch ul li p {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 10px;
}
.wholeList-hotSearch ul li span {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}

.wholeList-recommend ul.expressList {
  position: relative;
}
.wholeList-recommend ul.expressList::before {
  content: "";
  width: 4px;
  height: 100%;
  background: rgba(208, 11, 22, 0.05);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.wholeList-recommend ul.expressList li.expressItem {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 19px 30px;
  position: relative;
  cursor: pointer;
}
.wholeList-recommend ul.expressList li.expressItem .expressLink {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  margin-bottom: 11px;
}
.wholeList-recommend ul.expressList li.expressItem .expressTime {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}
.wholeList-recommend ul.expressList li.expressItem:hover {
  background: rgba(253, 243, 243, 0.05);
  background: -webkit-gradient(linear, left top, right top, from(#fdf3f3), to(rgba(253, 243, 243, 0)));
  background: linear-gradient(90deg, #fdf3f3 0%, rgba(253, 243, 243, 0) 100%);
}
.wholeList-recommend ul.expressList li.expressItem:hover::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 20px;
  left: 0px;
  top: 21px;
  background: #D00B16;
  z-index: 2;
}

/* 详情互动模块 */
.operation-box {
  text-align: center;
}
.operation-box .operation {
  width: auto !important;
  display: inline-block;
}
.operation-box .operation li div span.icon:hover {
  color: #D00B16 !important;
}
.operation-box .operation .hover .icon {
  color: #D00B16 !important;
}

/* banner遮罩 */
.base-mask {
  position: relative;
}
.base-mask:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  height: 700px;
  pointer-events: none;
  background: url("../img/mask.png") no-repeat left bottom;
  background-size: 100% 371px;
}

.load-more-sp {
  background: #fff !important;
  opacity: 0.5;
}

.base-more {
  display: block;
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.base-more:hover {
  color: #D00B16;
}

.bar-left-10 {
  margin-left: 10px;
}